<template>
  <div class="IcoList">
    <span>
        <div><span class="icon-newspaper"></span></div>
        <div>每日推荐</div>
    </span>
    <span>
        <div><span class="icon-play"></span></div>
        <div>私人FM</div>
    </span>
    <span>
        <div><span class="icon-music"></span></div>
        <div>歌单</div>
    </span>
    <span>
        <div><span class="icon-stats-bars"></span></div>
        <div>排行榜</div>
    </span>
  </div>
</template>

<script>
export default {
    name: "IcoList"
}
</script>

<style scoped>
.IcoList {
    display: flex;
    justify-content: space-around;
    margin-top: .4rem;
    font-size: .26rem;
}
.IcoList>span {
    width: 20%;
    text-align: center;
}
span div {
    width: 100%;
}
span>div>span {
    font-size: .7rem;
    opacity: .8;
}
</style>